<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>俺ブックマーク</title>
<style type="text/css"><!--
--></style>
<script type="text/javascript"><!--
window.onload = function(){
    var id = document.getElementById("login_id");
    id.onfocus = function(){
        id.value = "";
    };
    var pw = document.getElementById("login_password");
    pw.onfocus = function(){
        pw.value = "";
    };
    var bml = document.getElementById("bookmarklet");
    var gene = document.getElementById("generate");
    gene.onclick = function(){
        var baseUrl = document.URL.replace(/(.*\/)index\.html/, '$1');
        var href = "";
        href += "javascript:(function(u){var%20s=document.createElement('script');s.id='obm_script_tag';";
        href += "s._i='" + id.value + "';s._p='" + pw.value + "';";
        href += "s.charset='UTF-8';s.src=u;document.body.appendChild(s)})";
        href += "('" + baseUrl + "get_src.cgi?src_name=frame.js&'%20+%20Math.random())";
        bml.href = href;
    };
};
--></script>
</head>
<body>
    <h1>俺ブックマーク</h1>

    <div>
        概要
        <ul>
            <li>ソーシャルしないブックマーク管理ツールです。</li>
            <li>JavaScriptとCGI版Rubyにより作成されており、設置と利用が簡単であることを最優先で作成しています。</li>
            <li>アプリケーション概要・今後の方針・ソース等の情報は、<a href="http://code.google.com/p/ore-bookmark/">Google Code の該当ページ</a>を参照して下さい。</li>
            <li>具体的なTODOについては、<a href="http://ore-bookmark.googlecode.com/svn/trunk/js/obm.js">trunk/js/obm.js</a> のファイル上部にコメントで管理しています。（すみません）</li>
            <li>WindowsXP-IE6 と WindowsXP-FireFox2 でのみ動作確認しています。</li>
            <li>Rubyは1.8.6で動作します。おそらく、1.8系以上なら動くと思われます。</li>
        </ul>
    </div>

    <div>
        設置方法
        <ul>
            <li>api.cgiとget_src.cgiのCGI言語のパスを、ご利用環境のRubyのパスに変えてください。</li>
            <li>ご利用のサーバによるCGI利用環境を設定してください。ファイルのパーミッション等を変える必要があると思われます。</li>
            <li>
                data/users.example.txtをdata/users.txtとしてコピーして、ログインIDとパスワードをCSV形式で記述してください。<br />
                現在、複数行設定すると、いずれかのログインIDとパスワードのセットでログインできる仕様になっていますが、特に複数設定する意味はありません。
            </li>
            <li>data/bookmarks.example.txtをdata/bookmarks.txtとしてコピーしてください。</li>
            <li>etc/config.example.rbをetc/config.rbとしてコピーし、ソース内コメントの指示に従って中身を書き換えて下さい。</li>
            <li>data/ディレクトリに、Rubyによる書き込み権限を与えてください。</li>
        </ul>
    </div>

    <div>
        使い方
        <ul>
            <li>ブックマークレット生成し、それをブックマーク（お気に入り）にして下さい。
                <table style="background-color:#EEEEEE;">
                    <tr>
                        <td>ログインID:</td>
                        <td><input id="login_id" value="my_id" type="text" /></td>
                    </tr>
                    <tr>
                        <td>パスワード:</td>
                        <td><input id="login_password" value="my_password" type="text" /></td>
                    </tr>
                    <tr>
                        <td><input id="generate" type="button" value="ブックマークレットの生成" /></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>[<a id="bookmarklet">俺ブックマーク</a>]</td>
                        <td></td>
                    </tr>
                </table>
                <ul>
                    ブックマークレット生成手順
                    <li>users.txtへ設定したログインIDとパスワードを入力後、ブックマークレット生成ボタンを押して下さい。</li>
                    <li>「俺ブックマーク」の文字がリンクになるので、それをブックマークしてください。</li>
                    <li>IE6でもFireFoxでも、リンクを右クリックしてのメニューから、ブックマークの登録ができます。</li>
                    <li>アプリケーション設置場所を変えた場合や、ログインID・パスワードを変えた場合は、再度生成し直して下さい。</li>
                </ul>
            </li>
            <li>ブクマを押すとボックスが出現します。もう一回ブクマを押すと消えます。</li>
            <li>Registerボタンから、今開いているサイトを登録できます。</li>
            <li>タグを押すと、登録されているブックマークが絞り込まれて表示されます。複数選択するとAND検索になります。選択中のものを再度選択すると解除されます。</li>
        </ul>
    </div>

</body>
</html>
